<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div  id="content">
            <section class="content-header">
                <h1>
                    <i class="fa fa-envelope"></i>
                    <strong>信息跟踪</strong>
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
                    <li>信息管理</li>
                    <li class="active">信息跟踪</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-md-12">
                        <div class="box box-info">
                            <div class="box-header with-border">
                                <i class="fa fa-th-list"></i>
                                <h4 class="box-title">销售信息查询</h4>
                            </div>
                            <div class="box-body">
                                <div class="form-inline">
                                	<div class="input-group">
										<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
										<span class="input-group-btn">
											<button type="button" class="btn btn-info searchBtn">查询</button>
                                            <button type="button" class="btn btn-info cancelBtn">撤消</button>
										</span>
									</div>
									<div class="input-group">
									<form action="" method="get">
											<label><input name="isReceived" type="radio" value="已关闭" />已关闭 </label> 
											<label><input name="isReceived" type="radio" value="" checked="checked"/>处理中</label> 
											 <label><input name="isReceived" type="radio" value="全部" />全部</label> 
									</form>
									</div>
									<button type="button" class="btn  btn-info pull-right detail-btn">查看详情</button>
									<button type="button" class="btn  btn-info pull-right trance-btn">跟踪信息</button>
								</div>
                            </div>
                            <div class="box box-body" style="width:100%;overflow-x:scroll;">
                                <table id="chanceTranceTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="3500px">
                                    <thead>
                                        <tr>
                                            <th width="2%">序号</th>
                                            <th width="2%"><input type="checkbox" id="checkAll"/></th>
                                            <th width="3%">信息状态</th>
                							<th width="7%">信息名称</th>
                							<th width="3%">信息优先级</th>
                							<th width="3%">信息来源</th>
               								<th width="6%">信息来源单位</th>
               								<th width="3%">所属行业</th>
               								<th width="3%">创建人</th>
                							<th width="4%">创建人片区</th>
                							<th width="7%">提供信息人资料</th>
                							<th width="9%">项目动态</th>
                							<th width="12%">设备情况</th>
                							<th width="5%">信息提供方影响力</th>
                							<th width="5%">预计订货量（元）</th>
               								<th width="5%">订货单位</th>
                							<th width="4%">订货联系人</th>
                							<th width="4%">联系方式</th>
                							<th width="8%">订货单位地址</th>
                							<th width="5%">创建时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                	
               						</tbody>
                                </table>
                            </div>
                            <label><strong>信息跟踪状态</strong></label>
                            
                            <div class="row-fluid">
                            <div class="span12">
                            <div id="container" class="widget-title">
                                <ul class="nav nav-tabs" id="myTabs">
                                   <li class="active"><a data-toggle="tab" href="#tab1"><span>我的跟踪</span></a></li>
                                   <li><a data-toggle="tab" href="#tab2"><span>跟踪状态</span></a></li>
                                </ul>
                            </div>
                            
                             <div class="tab-content">
                              <div id="tab1" class="active tab-pane">
                              <button type="button" class="btn  btn-info delete-btn pull-right">删除</button>
                              <button type="button" class="btn  btn-info edit-btn pull-right">编辑</button>
                                <table id="myTranceTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                                            <th width="2%"><input type="checkbox" id="checkAllTrance"/></th>
                							<th width="10%">时间</th>
                							<th width="10%">跟踪人员</th>
                							<th width="12%">所属部门</th>
               								<th width="23%">跟踪情况</th>
                							<th width="23%">跟踪结果</th>
                							<th width="13%">预计订货量(元)</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                   
               						</tbody>
                                </table>
                                </div>
                                <div id="tab2" class="active tab-pane">
                                <table id="allTranceTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                    <thead>
                                        <tr>
                							<th width="8%">时间</th>
                							<th width="10%">跟踪人员</th>
                							<th width="12%">所属部门</th>
               								<th width="35%">跟踪情况</th>
                							<th width="35%">跟踪结果</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                	
               						</tbody>
                                </table>
                                </div>
                             </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    <!--机会跟踪录入弹窗-->
    <div class="modal" id="chanceTranceModal">
        <div class="modal-dialog" role="dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title"><strong>信息跟踪录入</strong></h4>
                    </div>
                    <div class="modal-body">
                    <div class="box box-body">
                    <table class="table">
								        <tbody>
								        	<tr>
								        		<td width="16%" align="center"><strong>信息名称</strong></td>
								        		<td>
								        			<div class="col-sm-6">
					                                    <div class="col-md-11">
					                                        <input class="form-control" readonly="readonly" name="chanceName" id="chanceName"/>
					                                    </div>
					                                </div>
					                                <input type="hidden" name="userId" id="userId" th:value="${userId}"/>
					                                <input type="hidden" name="chanceId" id="chanceId"/>
					                                <input type="hidden" name="tranceId" id="tranceId"/><br />
								        		</td>
								        	</tr>
											<tr>
												<td width="16%" align="center"><strong>预计订货量（元）</strong></td>
						              			<td>
					              					<div class="col-sm-6">
					                                    <div class="col-md-11">
					                                        <input class="form-control" name="orderAmount" id="orderAmount" onkeyup="clearNoNum(this)" datatype="n" errormsg="请输入整数"/>
					                                    </div>
					                                </div>
					                          	</td>
											</tr>
										</tbody>
									</table>
                    </div>
                    <div class="box box-body" style=" margin-top: -25px">
                    <input type="hidden" name="id" id="id" />
                        <div class="form-horizontal">
                            <div class="form-group">
                            <label class="col-sm-2 control-label">跟踪情况</label>
                                <div class="col-sm-10">
                                    <div class="col-md-11">
                                        <textarea class="form-control" rows="3" type="text" name="tranceInfo" id="tranceInfo" datatype="*1-2000" style="resize: none;"></textarea>
                                    </div>
                                </div>
                            </div>
                                <div class="form-group">
                                <label class="col-sm-2 control-label">跟踪结果</label>
                                <div class="col-sm-10">
                                    <div class="col-md-11">
                                        <textarea class="form-control"  rows="3" type="text" name="tranceResult" id="tranceResult" datatype="*1-2000" style="resize: none;"></textarea>
                                    </div>
                                </div>
                                </div>
                        </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary saveBtn" >保存</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
                        
                    </div>
                </div>
        </div>
    </div>
    <script th:src="@{/chanceTrance/chanceTranceindex.js}"></script>
    </div>
</body>
</html>